<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/mi.css">
    <link rel="stylesheet" href="./css/iconfont2/iconfont.css">
</head>
<body>
    <!-- 顶部广告 start -->
    <div class="header">
        <a href="#">
            <img src="./images2/top-end.jpg" alt="ad">
        </a>
    </div>
    <!-- 顶部广告 end-->

    <!-- 黑色导航 start -->
    <div class="black-nav">
        <div class="wrap">
            <ul class="black-nav-left">
                <li class="li-left"><a href="./index2.html">网页声明</a><span>|</span></li>
                <li class="li-left">
                    <a href="#">帮助与反馈</a>
                    <span>|</span>
                </li>
                <li class="li-left"><a href="https://www.bilibili.com/bangumi/play/ss47527?spm_id_from=333.337.0.0">第五人格番剧</a><span>|</span></li>
                <li class="li-left"><a href="./index3.html">游戏简介</a><span>|</span></li>
                <li class="li-left">
                    <a href="#">下载APP</a>
                    <span>|</span>
                    <div class="download">
                        <img src="./images2/two-dimensional code.jpg" alt="">
                        <p>第五人格APP</p>
                    </div>
                    <div class="stri"></div>
                </li>
            </ul>
        </div>
    </div>
    <!-- 黑色导航 end -->

    <!-- 白色导航 start -->

    <!-- 白色导航 end -->
<div class="background">
    <!-- Banner内容 start -->
    <div class="banner">
        <div class="wrap">
            <img class="banner-img" src="./images2/banner2.jpg" alt="">
            <div class="slide">
                <ul>
                    <li><a href="#">求生者介绍<i class="iconfont">&#xe621;</i></a></li>
                    <li><a href="#">监管者介绍<i class="iconfont">&#xe621;</i></a></li>
                    <li><a href="#">求生者图集<i class="iconfont">&#xe621;</i></a></li>
                    <li><a href="#">监管者图集<i class="iconfont">&#xe621;</i></a></li>
                    <li><a href="#">周年庆图集<i class="iconfont">&#xe621;</i></a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- Banner内容 end -->

    <!-- 广告模块 start -->
    <div class="ad">
        <div class="wrap">
        <div class="ad-aside">
            <ul>
                <li>
                    <a href="#">
                        <i class="iconfont">&#xe601;</i>
                        <p>night</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="iconfont">&#xe9e0;</i>
                        <p>sleep</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="iconfont">&#xe604;</i>
                        <p>dawn</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="iconfont">&#xe60d;</i>
                        <p>wash</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="iconfont">&#xe600;</i>
                        <p>dine</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="iconfont">&#xe628;</i>
                        <p>learn</p>
                    </a>
                </li>
            </ul>
        </div>
        <div class="ad-img">
            <a href="#"><img src="./images2/ad left.jpg" alt=""></a>
        </div>
        <div class="ad-img">
            <a href="#"><img src="./images2/banner.jpg" alt=""></a>
        </div>
        <div class="ad-img">
            <a href="#"><img src="./images2/ad right.jpg" alt=""></a>
        </div>
        </div>
    </div>
    <!-- 广告模块 end -->
</div>
    